<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2618453_b1jn1vfgidl.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/find.css">
    <title>发现</title>
</head>

<body>
    <header>
        <ul>
            <li class="back">
                <a href="">
                    <input type="button" value="back">
                </a>
            </li>
            <li>
                <span>发现</span>
            </li>
            <li>
                <select>
                    <option value="gz">广州市</option>
                    <option value="bj">北京市</option>
                </select>
            </li>
        </ul>

    </header>
    <div class="content">
        <div class="search">
            <input type="text" placeholder="请输入商品相关信息">
        </div>
        <h3>大家都在搜</h3>
        <div class="block">
            <li>寿司</li>
            <li>羽毛球</li>
            <li>火锅</li>
            <li>游泳馆</li>
        </div>
        <div class="block">
            <li>电影</li>
            <li>周黑鸭</li>
            <li>KTV</li>
            <li>肯德基</li>
        </div>
        <div class="item">
            <div class="item_title">
                <img src="./images/热门搜索.png" alt="">
                <span>热门搜索</span>
                <img src="./images/更多.png" alt="">
                <span>更多</span>
            </div>
            <div class="imgcontainer">
                <div class="img_left">
                    <img src="./images/左大图.png" alt="">
                </div>
                <div class="img_right_top">
                    <img src="./images/右上.png" alt="">
                    <div class="img_right">
                        <img src="./images/左下1.png" alt="">
                    </div>
                    <div class="img_right">
                        <img src="./images/左下2.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="item">
            <div class="item_title">
                <img src="./images/推荐搜索.png" alt="">
                <span>推荐搜索</span>
                <img src="./images/更多.png" alt="">
                <span>更多</span>
            </div>
            <ul class="list">
                <li>
                    <img src="./images/周黑鸭.png" alt="">
                </li>
                <li>
                    <img src="./images/运动1-1.png" alt="">
                </li>
                <li>
                    <img src="./images/电影1-2.png" alt="">
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <a href="./index.html" style="text-decoration: none;">
            <div>
                <i class="iconfont icon-leimupinleifenleileibie2"></i>
                <span>首页</span>
            </div>
        </a>
        <a href="./classification.html" style="text-decoration: none;">
            <div>
                <i class="iconfont icon-faxian"></i>
                <span>分类</span>
            </div>
        </a>
        <a href="./find.html" style="text-decoration: none;">
            <div>
                <i class="iconfont icon-faxian1"></i>
                <span>发现</span>
            </div>
        </a>
        <a href="./my.html" style="text-decoration: none;">
            <div>
                <i class="iconfont icon-wode"></i>
                <span>我的</span>
            </div>
        </a>
    </div>
</body>

</html>